﻿<h2 class="page_heading">CHI TIẾT SẢN PHẨM</h2>
<div class="pseudoStickyBlock" style="display: block; height: 5px;"></div>
<div class="product_wrap" ng-controller="DetailProductController">
	<div class="row">
		<div id="product_image-container" class="col-sm-5">
			<div class="product_img_big">
				<div class="bx-wrapper" style="max-width: 100%;">
					<div class="bx-viewport" style="width: 100%; overflow: hidden; position: relative; height: 343px;">
						<a rel="product_images" class="fancybox" >
							<img ng-src="/upload/{{currentImage}}" style="width:100%;height:100%">
						</a>
					</div>
					<div class="bx-controls"></div>
				</div>
			</div>

			<div class="product_img_thumbs">
				<div class="bx-wrapper" style="max-width: 327px;">
					<div class="bx-viewport" style="width: 100%; overflow: hidden; position: relative; height: 107px;">
						<div class="product_img_thumbs__list" style="width: 860%; position: relative; -webkit-transition: 0s; transition: 0s; -webkit-transform: translate3d(0px, 0px, 0px);"> 
							<a href="" style="float: left; list-style: none; position: relative; width: 101px; margin-right: 12px;" ng-if="record.image1"  ng-click="getCurrentImage(record.image1)">
								<img ng-src="/upload/{{record.image1}}">
							</a>
							<a href="" style="float: left; list-style: none; position: relative; width: 101px; margin-right: 12px;" ng-if="record.image2" ng-click="getCurrentImage(record.image2)">
								<img ng-src="/upload/{{record.image2}}">
							</a>					
							<a href="" style="float: left; list-style: none; position: relative; width: 101px; " ng-if="record.image3" ng-click="getCurrentImage(record.image3)">
								<img ng-src="/upload/{{record.image3}}">
							</a>					
						</div>
					</div>
				</div>
			</div>
		</div><!-- #product-photos -->

		<div class="col-sm-7">
			<div itemprop="name" class="product_name">Acer Stream</div>
				<form action="http://tm-shopify090-mobile.myshopify.com/cart/add" method="post" enctype="multipart/form-data" class="form-horizontal" id="product-actions">
					<div class="options clearfix"> 
						<div id="product_price">
							<p class="price product-price">
								<span class="money" data-currency-usd="$120.00" data-currency="USD">$120.00</span>
								<span class="money compare-at-price" data-currency-usd="$130.00" data-currency="USD">$130.00</span>
							</p>  
						</div>
						<div id="purchase"> 
							<label for="quantity">Qty: </label>
							<input min="1" type="number" id="quantity" name="quantity" value="1" class="form-control input-small"> 
							<div class="variants-wrapper clearfix hidden">
								<div class="selector-wrapper">
									<select class="single-option-selector" data-option="option1" id="product-select-option-0">
										<option value="Default">Default</option>
									</select>
								</div>
								<select id="product-select" name="id" style="display: none;">
									<option value="834098059">Default - $120.00</option>
								</select>
							</div>
							<button class="btn btn-cart" type="submit" id="add-to-cart"><i class="fa fa-shopping-cart"></i></button>
						</div>
					</div><!-- /.options -->
				</form>
				
				<div class="product_details">
					<div class="product_type">Type: <a href="http://tm-shopify090-mobile.myshopify.com/collections/types?q=Accessories" title="Accessories">Accessories</a></div>
					<div class="product_vendor">Vendor: <a href="http://tm-shopify090-mobile.myshopify.com/collections/vendors?q=Mobile" title="Mobile">Mobile</a></div>
				</div>

		 <div id="product_description" class="rte" itemprop="description">
			<h4>Description:</h4>
			<p>We are proud to offer you our hi-tech original goods. The products of our store are the real bestsellers and we have a great number of faithful customers. Their testimonials prove that the reputation of our company is simply perfect. We observe the policy of providing only branded commodities. This fact confirms that we sell only high quality goods at a fair price.</p>
		  </div> 

		 <!-- AddThis Button BEGIN -->
	<div class="addthis_toolbox addthis_default_style ">
	<a class="addthis_button_facebook_like" fb:like:layout="button_count"><div class="fb-like fb_iframe_widget" data-ref=".VF9QdQWzH8g.like" data-layout="button_count" data-show_faces="false" data-action="like" data-width="90" data-font="arial" data-href="http://tm-shopify090-mobile.myshopify.com/products/acer-stream" data-send="false" fb-xfbml-state="parsed"></div></a>
	<a class="addthis_button_tweet at300b"><iframe id="twitter-widget-0" scrolling="no" frameborder="0" allowtransparency="true" src="./Acer_Stream_Mobile_files/tweet_button.d58098f8a7f0ff5a206e7f15442a6b30.en.html" class="twitter-share-button twitter-tweet-button twitter-share-button twitter-count-horizontal" title="Twitter Tweet Button" data-twttr-rendered="true" style="width: 107px; height: 20px;"></iframe></a>
	<a class="addthis_button_pinterest_pinit at300b"><span class="at_PinItButton"></span></a>
	<a class="addthis_counter addthis_pill_style" href="http://tm-shopify090-mobile.myshopify.com/collections/apple/products/acer-stream#" style="display: inline-block;"><a class="atc_s addthis_button_compact"><span></span></a><a class="addthis_button_expanded" target="_blank" title="View more services" href="http://tm-shopify090-mobile.myshopify.com/collections/apple/products/acer-stream#"></a></a>
	<div class="atclear"></div></div>
	<!--<script type="text/javascript">var addthis_config = {"data_track_addressbar":true};</script>-->
	<script type="text/javascript" src="./Acer_Stream_Mobile_files/addthis_widget.js"></script><div id="_atssh" style="visibility: hidden; height: 1px; width: 1px; position: absolute; z-index: 100000;"><iframe id="_atssh356" title="AddThis utility frame" style="height: 1px; width: 1px; position: absolute; z-index: 100000; border: 0px; left: 0px; top: 0px;" src="./Acer_Stream_Mobile_files/sh178.html"></iframe></div><script type="text/javascript" src="./Acer_Stream_Mobile_files/core162.js"></script>
	<!-- AddThis Button END -->

	  </div>
	  <div class="row-fluid">
		<div class="span12">     
			  <div class="pagination pagination__product"> 
				<ul>    
				  
				  
					
					<li class="right-arrow lastItem firstItem"><span class="right"><a href="http://tm-shopify090-mobile.myshopify.com/collections/apple/products/anycool-i929#content" title="">Next Product ?</a></span></li>
				  
				</ul>
			  </div>
			  
			
		</div>
	  </div>    
	</div>
</div>